/* 
    公共属性样式 
    写法: .xxx{}
*/


/* 版心 */

.wrap {
    width: 1200px;
    margin: auto;
}


/* 测试工具 */

.bd {
    border: 1px solid red;
}


/* flex */

.df {
    display: flex;
}


/* 主轴居中 */

.jc {
    justify-content: center;
}


/* 主轴两端对齐 */

.jsb {
    justify-content: space-between
}


/* 侧轴两端对齐 */

.asb {
    align-content: space-between;
}


/* 侧轴居中 */

.ac {
    align-items: center;
}

.ja {
    justify-content: space-around
}

.jsy {
    justify-content: space-evenly;
}

.fw {
    flex-wrap: wrap;
}

.jsa {
    justify-content: space-around;
}


/* 改变方向 */

.fc {
    flex-direction: column;
}

.jfe {
    justify-content: flex-end;
}

.afe {
    align-items: flex-end;
}

.oh {
    overflow: hidden;
}


/* 多轴线环绕 */

.asa {
    align-content: space-evenly;
}


/* bold*/

.bold {
    font-weight: bold;
}


/* 隐藏 */

.blk {
    display: block !important;
}

.blk1 {
    display: none !important;
}


/* 透明 */

.opy {
    opacity: 0;
}


/* 不透明 */

.opy1 {
    opacity: 1!important;
}

.red {
    color: red;
}

.greend {
    color: #42C890;
}